<template>
  <div class="home">
    <van-button type="primary" @click="f1">主要按钮</van-button>
    <van-button type="info"  @click="f2">信息按钮</van-button>
    <van-button type="default"  @click="f3">默认按钮</van-button>
    <van-button type="warning"  @click="f4">警告按钮</van-button>
    <van-button type="danger"  @click="f5">危险按钮</van-button>
  </div>
</template>

<script>
  export default {
    data() {
    },
    methods: {
      f1() {
        alert("f1");
      },
      f2() {
        alert("f2");
      },
      f3() {
        alert("f3");
      },
      f4() {
        alert("f4");
      },
      f5() {
        alert("f5");
      }
    },
  };
</script>
